<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="renderer" content="webkit">
  	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  	<meta name="apple-mobile-web-app-status-bar-style" content="black"> 
  	<meta name="apple-mobile-web-app-capable" content="yes">
  	<meta name="format-detection" content="telephone=no">
	<title>详情 - Blog</title>
	<link rel="stylesheet" href="./static/layui/css/layui.css">
	<link rel="stylesheet" href="./static/css/common.css">
	<link rel="stylesheet" href="./static/css/detail.css">
    <link rel="stylesheet" href="./static/layui/css/layui.css">
    <link rel="stylesheet" href="./static/editormd/css/editormd.min.css" />
    <!-- 页面解析markdown为HTML显示需要的css -->
    <link rel="stylesheet" href="./static/editormd/css/editormd.preview.min.css" />
    <link rel="stylesheet" href="./static/css/discuss.css">
</head>
<body>
	<header class="layui-bg-cyan">
		<nav class="layui-container">
			<div class="layui-row">
			    <div class="layui-col-md2 logo">
			    	<a href="javascript:;"><img style="height: 50px;" src="./static/images/logo.png"></a>
			    </div>
			    <div class="layui-col-md8 layui-hide-xs">
			    	<ul class="layui-nav layui-bg-cyan">
					  	<li class="layui-nav-item">
					    	<a href="./index.html">首页</a>
					  	</li>
						<li class="layui-nav-item ">
						<script id="category" type="text/html">
					    	<a href="./articleList.html">文章<span class="layui-nav-more"></span></a>
								<dl class="layui-nav-child">
							{{#  if(d.list.length != 0){ }}
							 {{#  layui.each(d.list, function(index, item){ }}
						      		<dd><a href="./category.html?id={{item.id}}">{{item.content}}</a></dd> 	  
							 {{#  }); }}
								</dl>
							{{#  } }}
						</script>
							<div id = "categoryList"></div>
					  	</li>
						<li class="layui-nav-item" id="edit">
					    	<a href="./editor.html">开始创作</a>
					  	</li>
					</ul>
			    </div>
			    <div class="layui-col-md2 layui-hide-xs userinfoBox">
			    	<ul class="layui-nav layui-bg-cyan">
					  	<li class="layui-nav-item" lay-unselect="">
						  	<script id="person" type="text/html">
						    <a href="javascript:;"><img src={{d.data.avatar}} class="layui-nav-img">{{d.data.name}}	
								<span class="layui-nav-more"></span></a>
						 	   <dl class="layui-nav-child">
								{{# if(d.data.id != 0) { }}
						      		<dd><a href="./person.html">我的文章</a></dd>
									{{# if(d.data.id == 1){ }}
									<dd><a href="./admin.html">系统管理</a></dd>
									{{# } }}
						      		<dd><a href="javascript:;" id="logout">退出</a></dd>
								{{# } else { }}
									<dd><a href="./login.html">登录</a></dd>
								{{# } }}
								</dl>
							</a>
							</script>
							<div id = "account"></div>
						</li>
					</ul>
			    </div>
		   	</div>
		</nav>
	</header>

	<div class="layui-container" style="min-height: 100vh;">
		<div class="layui-row layui-col-space20">
			<div class="layui-col-md12">
				<div class="layui-row">
					<div class="layui-col-md12">
						<div class="main">
							<div id="articleView"></div>
							<div id="show">
								 <script id="article" type="text/html">
							     <div class="title">
									<p>{{d.data.title}}</p>
									<div class="layui-row stat">
										<div class="layui-row stat">
										<div class="layui-col-md3 layui-col-xs12">发布时间：<em>{{d.data.ctime}}</em></div>
										<div class="layui-col-md2 layui-col-xs6">分类：<a href="./category.html?id={{d.data.categoryVo.typeId}}">{{d.data.categoryVo.content}}</a></div>
										<div class="layui-col-md2 layui-col-xs6">作者：{{d.data.author}}</div>
										<div class="layui-col-md5 layui-col-xs12">
											<div class="layui-row">
												<div class="layui-col-md6 layui-col-xs6">
													<i class="layui-icon layui-icon-reply-fill"></i>
													<em>{{d.data.commentCount==null?0:d.data.commentCount}}条评论</em>
												</div>
												<div class="layui-col-md6 layui-col-xs6">
													<i class="layui-icon layui-icon-read"></i>
													<em>{{d.data.likeCount==null?0:d.data.likeCount}}次点赞</em>
												</div>
											</div>
										</div>
									</div>
								</div>
								</script>
								<div  class="main" style="padding:0px;">
									<div class="layui-btn-container" id="updataBtn" style="margin: 10px 0px;border-bottom: 1px solid #eee;">
										<button id="showEditor" class="layui-btn layui-btn-fluid layui-btn-normal">修改文章</button>
									</div>
									<!-- 页面解析markdown为HTML显示 -->
									<div id="markdownToHTML" style="padding: 10px 0px;">
										<textarea id="content" style="display:none;" placeholder="markdown语言"></textarea>
									</div>
								</div>
								<script id="articleBottom" type="text/html">
								<div class="copyright">
									<p>本文链接：<a href="http://localhost:8080/blog/blogg/article.html?id={{d.data.id}}">http://localhost:8080/blog/blogg/article.html?id={{d.data.id}}</a></p>
									<p>转载声明：本站文章若无特别说明，皆为原创，转载请注明来源：{{d.data.author}}博客，谢谢！^^</p>
								</div>
								<div class="Label" id="bottomLabel">
									<i class="layui-icon layui-icon-note"></i>
									{{# layui.each(d.data.labelVos,function(index,item){ }}
									<a href="./label.html?id={{item.typeId}}">{{item.content}}</a>
									{{# }) }}
								</div>
								</script>
								<div id="articleBottomView"></div>
								<div class="operation" id="operation">
									<a href="javascript:;" class="layui-btn layui-btn-normal" id="like">点赞</a>
									<a href="javascript:;" class="layui-btn layui-btn-warm">赞赏</a>
								</div>
							</div>
						</div>
					</div>
					<div class="layui-col-md12">
						    <div lang="en-US" class="gitment-container gitment-editor-container" id="addDiscuss">
						        <div class="gitment-editor-main">
						            <div class="gitment-editor-header">
						                <nav class="gitment-editor-tabs">
						                    <button class="gitment-editor-tab gitment-selected">编辑</button>
						                </nav>
						            </div>
						            <div class="gitment-editor-body">
						                <div class="gitment-editor-write-field">
						                    <textarea id="discussContent" placeholder="你想说些什么" title="Login to Comment"></textarea>
						                </div>
						                <div class="gitment-editor-preview-field gitment-hidden">
						                    <div class="gitment-editor-preview gitment-markdown"></div>
						                </div>
						            </div>
						        </div>
						        <div class="gitment-editor-footer">
						            <button id="addDiscussContent" class="gitment-editor-submit" title="Login to Comment">评论</button>
						        </div>
						    </div>
						    <div lang="en-US" class="gitment-container gitment-comments-container">
						       <ul class="gitment-comments-list">
							<script id="discuss" type="text/html">
							{{# layui.each(d.data.discussVos,function(index,item){ }}
								{{# if(item.content!=null) { }}   
						            <li class="gitment-comment" style="background: white;">
						                <a class="gitment-comment-avatar">
						                    <img class="gitment-comment-avatar-img" src="{{item.avatar}}">
						                </a>
						                <div class="gitment-comment-main">
						                    <div class="gitment-comment-header">
						                        <a class="gitment-comment-name">{{item.discusser}}</a>
						                        <span>{{item.ctime}}</span>
						                    </div>
						                    <div class="gitment-comment-body gitment-markdown"><p>{{item.content}}</p></div>
						                </div>
						            </li>
								{{# } }}
							{{# }); }}
						   </script>
							 </ul>
						   </div>
						<div id="discussView"></div>
					</div>
				</div>
	        </div>
		</div>
	</div>
	<!-- 尾部 -->
	<div class="footer" style="width:100%;position:relative;bottom:0px;">
	<footer class="layui-bg-cyan">
		<div class="layui-container">
			<div class="layui-row">
				<p>本站部分内容来源于网络，若侵犯到您的利益，请联系站长删除！谢谢！Powered By <a href="https://gitee.com/XzcGroup/XzcBlogTemplate" target="_blank" title="XzcBlogTemplate">XzcBlogTemplate</a></p>
			</div>
		</div>
	</footer>
	</div>
</body>
<script src="./static/layui/layui.all.js"></script>
<script src="./static/layui/layui.js"></script>
<script src="./static/javascript/jquery.min.js"></script>
<script src="./static/editormd/js/editormd.min.js"></script>
<!-- 页面markdown解析成HTML需要的js -->
<script src="./static/editormd/lib/marked.min.js"></script>
<script src="./static/editormd/lib/prettify.min.js"></script>
<script src="./static/editormd/lib/raphael.min.js"></script>
<script src="./static/editormd/lib/underscore.min.js"></script>
<script src="./static/editormd/lib/sequence-diagram.min.js"></script>
<script src="./static/editormd/lib/flowchart.min.js"></script>
<script src="./static/editormd/lib/jquery.flowchart.min.js"></script>
<script src="./static/js/article.js"></script>
</html>